<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>第二页已处理</title>
  <link rel="stylesheet" href="./kaoguole.css" />
  <link rel="stylesheet" href="../../../assets/common/common.css" />
  <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <header class="adoptheader w100 bg-fff flex aic fixed rel">
    <div onclick="fanhui()" class="iconfont icon-xiangzuojiantou pl-10 abs"></div>
    <span class="w100 tac">考核计划</span>
  </header>
  <!--  -->
  <main class="adoptcheck w100 fdc jc-c bg-fff">
    <div class="flex w100 jc-sb">
      <span>2022年01月销售部考核计划</span>
      <span class="f12 t-999">已处理</span>
    </div>

    <div class="adoptbox flex aic hl">
      <img class="img" src="../../../assets/img/Achievements.img/__80px_u3817.png" alt="" />
      <div class="f12 t-999 fdc">
        <span>被考核人：吴珊珊</span>
        <span>考核周期:2022年1月-2022年3月</span>
      </div>
    </div>

    <div class="adoptscore flex aic base f16">
      <span>考核总分 : 360</span>
      <span class="ml-30">A级</span>
    </div>
  </main>
  <!-- 导航栏 -->
  <div class="adoptNavbar w100 aic bg-fff mt-10 flex jc-sa">
    <div class="flex fdc aic">
      <p class="but">考核指标明细</p>
      <p class="t1 mt-5 dsn"></p>
    </div>
    <div class="flex fdc aic">
      <p class="but">操作记录</p>
      <p class="t1 mt-5 dsn"></p>
    </div>
  </div>
  <!-- 列表 -->
  <div class="adoptListstr">
    <ul class="adoptList">
      <li class="adoptitem w100 fdc bg-fff pl-20">
        <div class="fdc">
          <span class="t1 flex aic f14 mt-10">业绩指标</span>
          <span class="t1 flex aic f12">工作计划完成率</span>
          <span class="t1 flex aic f12 t-999">指标说明：-</span>
        </div>
        <div class="t2 flex jc-c hl fdc">
          <span>
            指标规则 :
            <span class="t-999">90%及以上, 100分; 70%-90%, 80分; 60%-70%, 60分; 60%以下,
              50分</span></span>
        </div>
        <div class="fdc">
          <div class="t3">
            <span class="t-999">评分人：</span>
            <span>运以云</span>
          </div>
          <div class="t3">
            <span class="t-999">评分: </span>
            <span>80</span>
          </div>
          <div class="t3">
            <span class="t-999">评语：</span>
            <span>工作认真负责</span>
          </div>
        </div>
        <div class="fdc">
          <div class="t3">
            <span class="t-999">评分人：</span>
            <span>御凝雨</span>
          </div>
          <span class="t3 flex aic t-999">评分:-</span>
          <span class="t3 flex aic t-999">评语:-</span>
        </div>
        <div class="t1 flex aic f12">
          总评分 :
          <span class="base"> 80</span>
        </div>
      </li>
      <li class="adoptitem w100 fdc bg-fff pl-20">
        <div class="fdc">
          <span class="t1 flex aic f14 mt-10">客户签约率</span>
          <span class="t1 flex aic f12">工作计划完成率</span>
          <span class="t1 flex aic f12 t-999">指标说明：-</span>
        </div>
        <div class="t2 flex jc-c hl fdc">
          <span>
            指标规则 :
            <span class="t-999">90%及以上, 100分; 70%-90%, 80分; 60%-70%, 60分; 60%以下,
              50分</span></span>
        </div>
        <div class="fdc">
          <div class="t3">
            <span class="t-999">评分人：</span>
            <span>运以云</span>
          </div>
          <div class="t3">
            <span class="t-999">评分: </span>
            <span>80</span>
          </div>
          <div class="t3">
            <span class="t-999">评语：</span>
            <span>工作认真负责</span>
          </div>
        </div>
        <div class="fdc">
          <div class="t3">
            <span class="t-999">评分人：</span>
            <span>御凝雨</span>
          </div>
          <span class="t3 flex aic t-999">评分:-</span>
          <span class="t3 flex aic t-999">评语:-</span>
        </div>
        <div class="t1 flex aic f12">
          总评分 :
          <span class="base"> 80</span>
        </div>
      </li>
      <li class="adoptitem w100 fdc bg-fff pl-20 mt-10">
        <div class="fdc">
          <span class="t1 flex aic f14 mt-10">服务指标</span>
          <span class="t1 flex aic f12">客户好评率</span>
          <span class="t1 flex aic f12 t-999">指标说明：-</span>
        </div>
        <div class="t2 flex jc-c hl fdc">
          <span>
            指标规则 :
            <span class="t-999">90%及以上, 100分; 70%-90%, 80分; 60%-70%, 60分;
              60%以下,50分</span></span>
        </div>
        <div class="fdc">
          <div class="t3">
            <span class="t-999">评分人：</span>
            <span>运以云</span>
          </div>
          <div class="t3">
            <span class="t-999">评分: </span>
            <span>80</span>
          </div>
          <div class="t3">
            <span class="t-999">评语：</span>
            <span>工作认真负责</span>
          </div>
        </div>
        <div class="fdc">
          <div class="t3">
            <span class="t-999">评分人：</span>
            <span>御凝雨</span>
          </div>
          <span class="t3 flex aic t-999">评分:-</span>
          <span class="t3 flex aic t-999">评语:-</span>
        </div>
        <div class="t1 flex aic f12">
          总评分 :
          <span class="base"> 80</span>
        </div>
      </li>
    </ul>
  </div>
  <!-- 点击事件 -->
  <div class="adoptrecordstr dsn">
    <div class="adoptrecord w100 bg-fff rel flex">
      <img class="adoptimg" src="../../assets/img/Achievements.img/u3635.png" alt="" />
      <img class="img1 abs" src="../../assets/img/Achievements.img/u3640.png" alt="" />
      <img class="img2 abs" src="../../assets/img/Achievements.img/u3636.png" alt="" />
      <img class="img3 abs" src="../../assets/img/Achievements.img/u3636.png" alt="" />
      <img class="img4 abs" src="../../assets/img/Achievements.img/u3636.png" alt="" />
      <img class="img5 abs" src="../../assets/img/Achievements.img/u3636.png" alt="" />
      <div>
        <div class="adopttext f12">
          <p>2022/10/29 10:28:28</p>
          <p>徐和泰修改了考核计划配置规则</p>
        </div>
        <div class="adopttext f12">
          <p>2022/10/29 10:28:28</p>
          <p>徐和泰修改了考核计划配置规则</p>
        </div>
        <div class="adopttext f12">
          <p>2022/10/29 10:28:28</p>
          <p>徐和泰修改了考核计划配置规则</p>
        </div>
        <div class="adopttext f12">
          <p>2022/10/29 10:28:28</p>
          <p>徐和泰修改了考核计划配置规则</p>
        </div>
        <div class="adopttext1 f12">
          <p>2022/10/29 10:28:28</p>
          <p>徐和泰修改了考核计划配置规则</p>
        </div>
      </div>
    </div>
  </div>

  <script>
    function fanhui() {
      history.go(-1);
    }
    $(".adoptNavbar").on("click", ".but", function () {
      if ($(this).text() == "考核指标明细") {
        $($(".but")[1]).removeClass("color");
        $(this).addClass("color");
        $($(".t1")[1]).addClass("dsn");
        $($(".t1")[0]).removeClass("dsn");
        $(".adoptListstr").removeClass("dsn");
        $(".adoptrecordstr").addClass("dsn");
      } else if ($(this).text() == "操作记录") {
        $($(".but")[0]).removeClass("color");
        $($(".t1")[0]).addClass("dsn");
        $($(".t1")[1]).removeClass("dsn");
        $(this).addClass("color");
        $(".adoptListstr").addClass("dsn");
        $(".adoptrecordstr").removeClass("dsn");
      }
    });
  </script>
</body>

</html>